<!-- 标签 -->

<template>
  <div class="my-2 flex items-center select-none">
    <div class="text w-1 h-6 mr-2" :style="{ backgroundColor: color }"></div>
    <p class="font-bold">{{ text }}</p>
  </div>
</template>

<script lang="ts" setup>
withDefaults(defineProps<{ text: string; color?: string }>(), {
  color: '#409eff',
})
</script>
